<style>
  .message_container{
      height: 100px;
      padding:15px;
      color: #666666;
  }
  .message_container .col-md-1{
      height: 40px;
      color: #34847e;
  }
  .message_container .btn-primary{
          color:#fff;
          background-color: #2cb5ac;
          font-size: 12px;
  }
  .message_container .form-group div{
    padding-left: 0px;
  }
  .message_container table td span:hover{
      cursor: pointer;
  }

</style>
<div class="message_container">
  <div class="col-md-1">
      <!-- Button trigger modal -->
      <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
          新增
      </button>
  </div>
  <div class="row">
    <table class="table table-hover">
       <thead>
          <th>序号</th>
          <th>标题</th>
          <th>发布日期</th>
          <th>所属栏目</th>
          <th>操作</th>
        </thead>
          <tbody>
  
          </tbody>
    </table>
  </div>
</div>

<script>
  //1.获取所有咨询管理信息
  var Url="http://39.96.74.136:7788/article/findAll";
    $.ajax({
        url:Url,
        type:'get',
        headers:{
            "Authorization":sessionStorage.getItem("token")
        },
        success:function(data){
            console.log(data);
            if(data.status==200){
                var privilege=data.data;
                privilege.forEach((item)=>{
                    $(".message_container tbody").append(`<tr>
                        <td>`+item.id+`</td>    
                        <td>`+item.title+`</td>    
                        <td>`+item.publishTime+`</td>    
                        <td>`+item.id+`</td>    
                        <td>
                            <span>移除</span>    
                            <span>修改</span>     
                        </td>   
                    </tr>`)
                })
            }
        }
    })
</script>
